<template>
  <!-- 解构 -->
  <!-- <div v-for="({name},index) in arr" :key="index">
    {{ name }}
  </div> -->
  <div v-for="(item,index) of arr" :key="index">
    {{ item }}
  </div>
</template>

<script setup>
  import { reactive } from "vue";

  const arr = reactive([
    {
      name: "我是名字1",
    },
    {
      name: "我是名字2",
    },
  ]);
</script>

<style lang="less" scoped>
</style>